<!--
 * @Author: xinqiao lxq1990.0716@qq.com
 * @Date: 2023-11-29 10:57:44
 * @LastEditors: xinqiao lxq1990.0716@qq.com
 * @LastEditTime: 2023-12-22 15:08:03
 * @FilePath: \partal\src\views\design\introduce.vue
 * @Description: 开发指南-快速上手
-->

<script lang="ts" setup>
  import { ref } from 'vue'
  import { usePlant } from '@/stores/plant';
  import { PLANTTYPE_ENUM } from '@/enum/globalEnum';
  import { PLANTROUTE_DEVELOP_QUICKSTART_APP } from '@/enum/plantRouteEnum';
  import QuickStartPc from './components/QuickStartPc.vue'
  import QuickStartXcx from './components/QuickStartXcx.vue'
  import QuickStartH5 from './components/QuickStartH5.vue'
  
  const plant = usePlant()
  const appUrl = ref(`${window.location.origin}${PLANTROUTE_DEVELOP_QUICKSTART_APP}`)
</script>

<template>
  <div class="quickStart">
    <QuickStartPc v-if="plant.plantType === PLANTTYPE_ENUM.PC" />
    <iframe :src="appUrl" v-if="plant.plantType === PLANTTYPE_ENUM.APP" />
    <QuickStartXcx v-if="plant.plantType === PLANTTYPE_ENUM.XCX" />
    <QuickStartH5 v-if="plant.plantType === PLANTTYPE_ENUM.H5" />
  </div>
</template>

<style type="less" scoped>
  .quickStart {
    width: 988px;
    height: 100%;
    margin: auto;
    padding-top: 36px;
  }
</style>
